<template>
  <div class="attr-setting">
    <ComponentSetting v-if="selectedComponent.key" />
    <GlobalSetting v-else />

  </div>
</template>

<script >
import { mapState } from "vuex"
import GlobalSetting from "./GlobalSetting"
import ComponentSetting from "./ComponentSetting"

export default {
  data() {
    return {

    }
  },
  computed: {
    ...mapState("lowCode", {
      selectedComponent: state => state.selectedComponent,
    }),
  },
  components: {
    GlobalSetting,
    ComponentSetting
  }
}
</script>

<style lang="less" scoped>
  @import url("./index.less");
</style>
